<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>设备运维平台</title>
<link rel="stylesheet" href="/res/layui/css/layui.css"  media="all">
<link rel="stylesheet" href="/res/css/style.css" media="all">
<link rel="stylesheet" href="/res/css/equipmentDate/wmain.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="/res/css/equipmentDate/yunwei.css" rel="stylesheet" type="text/css">
<style>
    .layui-table{width: 100%!important;}  /* 加载的表格样式---提高优先级 */
    .tabledata{
		border-collapse: collapse;
		border: 0px solid #999;
		width:100%;
		/* height:95%; */
		margin:0px auto;
		overflow: auto;
		table-layout: fixed
		
	}
	
.tabledata td {
	border-top: 0;
	/*  border-right: 1px solid #999;  */
	border-bottom: 1px solid #07398a;
	border-left: 0;
	padding:0px;
	height:28px;
	white-space: nowrap;overflow: hidden;text-overflow: ellipsis;
}
.yicieqPar .tabledata td {
	border-bottom: 1px solid #07398a!important;
}
.tabledata tr{
	height:30px;
	cursor: pointer;
}
#condition_class .layui-input, #condition_class .layui-select{
    background-color: rgba(0, 0, 0, .12);
    border: 1px solid #054da8;
    color: #fff;
}

</style>

</head>
<body>
	<div style="position:absolute; width:100%; height:100%; z-index:-1">
	    <img style="position:fixed;width: 100%;height: 100%" src="/res/images/equipmentDate/bgMAX.png"/>    
	</div>
	<div class="sysnameconter">
	   <img alt="" src="/res/images/equipmentDate/wheader.png">
	</div>
	<h1 class="sysname">天有其成电力设备运维平台</h1>
	<div class="ntnarry">
	    <div class="header_left h_100">
	       <a class="nav01" title="入库管理" href="#">入库管理</a>
	       <a class="nav01" title="巡检管理" href="#">巡检管理</a>
	       <a class="nav02" title="设备故障" href="#">设备故障</a>
	       <a class="nav01" title="设备保养" href="#">设备保养</a>
	    </div>
	    <div class="header_right h_100">
	       <a class="nav01" title="事件分析" href="#">备品配件</a>
	       <a class="nav01" title="运行环境" href="#">运行检测</a>
	       <a class="nav01" title="运行环境" href="#">统计分析</a>
	       <a class="nav01" title="运维管理" href="#">设备报废</a>
	    </div>
	</div>
	<!-- 主题部分 -->
	<div class="i_main ">
        <div>
			<form class="layui-form" action="javascript:;"  id="query_condition">
			   <div class="layui-form-item" style="margin-bottom:0;">
		          <div class="layui-inline">
		              <div class="searchbut">                       
		               <div id="condition_class" class="layui-inline" >
		                    <label class="layui-form-label fc_3">变电站名称</label>
		                    <div class="layui-input-inline">
							      <select class="fc_3" name="station"  id="station" lay-filter="testSelect2" placeholder="变电站" selectStationMain="station" condition="">
								      <option value="">请选择变电站</option>	 
								  </select> 
							</div>	
							<label class="layui-form-label fc_3">统计方式</label>
		                    <div class="layui-input-inline">
							      <select class="fc_3" name="station" id="station" lay-filter="testSelect2" placeholder="统计方式" selectStationMain="station" condition="">
								      <option value="">请选择统计方式</option>
								      <option value="1" class="fc_3">季度</option>
								      <option value="2" class="fc_3">月</option>
								      <option value="3" class="fc_3">日</option> 
								  </select> 
							</div>
							<label class="layui-form-label fc_3">起始时间</label>
						    <div class="layui-input-inline">
							   <input type="text" id="startTime" name="startTime" placeholder="开始时间" autocomplete="off" class="fc_3 layui-input" condition="" lay-key="1">
							   <i class="layui-icon layui-date">&#xe637;</i>
							</div>
							<div class="layui-input-inline">
							   <input type="text" id="endTime" name="endTime" placeholder="结束时间" autocomplete="off" class="fc_3 layui-input" condition="" lay-key="2">
							   <i class="layui-icon layui-date">&#xe637;</i>
						    </div> 						                   					    					                     					                            						                   					    					                     					                            
					        <div class="layui-input-inline" id="searchbutton">
	                           <button class="layui-btn layui-btn-normal" lay-submit lay-filter="queryData"><i class="layui-icon ">&#xe615</i></button>
	                        </div>						 
		               </div>
				    </div>	    
		         </div>
		       </div>
			</form>
        </div>
        <div class="layconter2">
              <div class="division1">
                    <h3 class="fc_1 fs_1 TitleName"><img alt="" src="/res/images/equipmentDate/icon1.png">设备告警占比</h3>
	                <div id="dengji" class="eachartsH w_100 h_100"></div>
	          </div>
	          <div class="division2">
	                <h3 class="fc_1 fs_1 TitleName"><img alt="" src="/res/images/equipmentDate/icon1.png">告警状态占比</h3>
	                <div id="gjzt" class="eachartsH w_100 h_100"></div>
	          </div>
	          <div class="division3">
	                <h3 class="fc_1 fs_1 TitleName"><img alt="" src="/res/images/equipmentDate/icon1.png">处理统计</h3>
	                <div id="cltj" class="eachartsH w_100 h_100"></div>
	          </div>
        </div>
        <div class="layconter3 ">
              <div class="threeconter1">                    
	                <h3 class="fc_1 fs_1 TitleName"><img alt="" src="/res/images/equipmentDate/icon1.png">电力运行日报</h3>
	                <ul id="" class=" yunxinribao  w_100">
	                     <li class="lockbg">
	                         <span class="bss"></span><span class="bss"></span><span class="bss"></span><span class="bss"></span>
	                         <p><img src="/res/images/equipmentDate/2.png"/></p>
	                         <p class="fc_1 fs_4 nth2">设备润滑知识库</p>	                         
	                     </li>
	                     <li class="lockbg">
	                         <span class="bss"></span><span class="bss"></span><span class="bss"></span><span class="bss"></span>
	                         <p><img src="/res/images/equipmentDate/3.png"/></p>
	                         <p class="fc_1 fs_4 nth2">设备点检知识库</p>
	                        
	                     </li>
	                </ul>
	                <ul id="" class="yunxinribao  w_100">
	                     <li class="lockbg">
	                         <span class="bss"></span><span class="bss"></span><span class="bss"></span><span class="bss"></span>
	                         <p><img src="/res/images/equipmentDate/1.png"/></p>
	                         <p class="fc_1 fs_4 nth2">设备培训资料</p>
	                         
	                     </li>
	                     <li class="lockbg">
	                         <span class="bss"></span><span class="bss"></span><span class="bss"></span><span class="bss"></span>
	                         <p><img src="/res/images/equipmentDate/4.png"/></p>
	                         <p class="fc_1 fs_4 nth2">设备保养知识库</p>
	                         
	                     </li>
	                </ul>
	                <ul id="" class="yunxinribao  w_100">
	                     <li class="lockbg">
	                         <span class="bss"></span><span class="bss"></span><span class="bss"></span><span class="bss"></span>
	                     	 <p><img src="/res/images/equipmentDate/5.png"/></p>
	                         <p class="fc_1 fs_4 nth2">备件采购知识库</p>
	                     </li>
	                     <li class="lockbg">
	                         <span class="bss"></span><span class="bss"></span><span class="bss"></span><span class="bss"></span>
	                         <p><img src="/res/images/equipmentDate/6.png"/></p>
	                         <p class="fc_1 fs_4 nth2">设备维修知识库</p>	                         
	                     </li>
	                </ul>
	            </div>
	            <div class="threeconter2">
	                <h3 class="fc_1 fs_1 TitleName" style="margin: 10px 0px"><img alt="" src="/res/images/equipmentDate/icon1.png">电子图纸</h3> 
	                <div class="w_100 lockbg">
	                   <span class="bss"></span><span class="bss"></span><span class="bss"></span><span class="bss"></span>
	                   <div class="yicieqPar ">	                     
	                     <table class="fc_1 tabledata" id="">
							  <tbody>								    
							    <tr>
							      <td title="呼市金沙变电站">2B48线间隔</td>
							    </tr>
							    <tr>
							      <td title="呼市金沙变电站">2号主变</td>
							    </tr>
							    <tr>
							      <td title="呼市金沙变电站">3A线间隔</td>
							    </tr>
							    <tr>
							      <td title="呼市金沙变电站">220KV电容器2</td>
							    </tr>							    
							  </tbody>
			               </table>
	                   </div>
	                </div>         
			   </div>
			   <div class="threeconter3">
			      <img class="weiimg" src="/res/images/equipmentDate/weitu.png"/>
			   </div>
			   <div class="threeconter4">
			      	<div class="h_100 w_100">
		                <h3 class="fc_1 fs_1 TitleName"><img alt="" src="/res/images/equipmentDate/icon1.png">设备故障申报</h3>
		                <div class="h_40" style="width:35%;display: inline-block;">
		                  <div id="call_police" class="h_100" ></div>
		                </div>
		                <div class="h_40" style="width:35%;display: inline-block;">
		                  <div id="call_police2" class="h_100" ></div>
		                </div>
		                <div class="h_40" style="width:35%;display: inline-block;">
		                  <div id="call_police3" class="h_100" ></div>
		                </div>
		                <div class="h_40" style="width:35%;display: inline-block;">
		                  <div id="call_police4" class="h_100" ></div>
		                </div>		                
		            </div>
			   </div>
        </div>
    </div>		    
</body>
</html>
<script src="/res/js/common/jquery-3.2.1.min.js"></script>
<script src="/res/js/common/echarts.min.js"></script>
<script src="/res/js/common/app.js"></script>
<script src="/res/js/validate.js"></script>
<script src="/res/layui/layui.js"></script>
<script src="/res/js/equipment/date/yunwei.js"></script>